<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API分类</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/API.css">
    <link rel="stylesheet" href="../css/template.css">
    <style>
        .top .right a:nth-child(1) {
            border: 1px solid #00bdff;
            border-radius: 15px;
            padding: 5px 10px;
            box-sizing: border-box;
        }

        .top .middle .topOn {
            padding-bottom: 28px;
            border-bottom: 3px solid #00bdff;
            color: #00bdff;
        }
    </style>
</head>

<body>
    <!-- 顶部菜单 -->
    <div class="top ">
        <a href="../pages/home.html" class="img"><img src="../images/logo-white.png"></a>
        <span class="middle">
            <a href="../pages/home.html">首页</a>
            <a href="../pages/API.html" class="topOn">API</a>
            <a href="../pages/customer.html">案例</a>
        </span>
        <span class="right">
            <a href="../pages/login.html" class="hov">登录</a>
            <a href="../pages/register.html" class="hov">注册有礼</a>
        </span>
    </div>

    <!-- 头部 -->
    <!-- api按钮 -->
    <h1 class="container"></h1>
    <div class="api-btn-list container">

        <!-- <a href="#" class="active">全部</a>
        <a href="#" class="bold">全部</a>
        <a href="#" >全部</a> -->

    </div>
    <label class="container">
        <span>全部</span>
        <input type="text" placeholder="身份证实名">
        <!-- <img src="../images/magnifier.png" alt=""> -->
    </label>

    <ul class="api-list container clearfix">
        <!-- <li>
        <span>企业专用</span>
        <a href="">
            <img src="../images/API_01.jpg" alt="">
            <p class="title">标题标题标题标题标题</p>
            <p class="price red green">免费</p>
        </a>
        <button>申请数据</button>
    </li> -->
    </ul>

    <div class="page container">
        <a href="" class="number">1</a>
        <a href="" class="number">2</a>
        <a href="" class="number">3</a>
        <a href="" class="number">4</a>
        <a href="" class="number">5</a>
        <a href="" class="number">6</a>
        <a href="" class="number">7</a>
        <a href="" class="number">8</a>

        <span>......</span>
        <a href="" class="next">下一页 ></a>
    </div>

    <!-- last区域 -->
    <div class="through">
        <div class="last container">
            <div class="last-left">
                <ul>
                    <li class="title">联系与支持</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
                <ul>
                    <li class="title">关于源码</li>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">市场合作</a></li>
                    <li><a href="#">反商业贿赂声明</a></li>
                </ul>
                <ul>
                    <li class="title">快速入口</li>
                    <li><a href="#">API数据</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
                <ul>
                    <li class="title">产品服务</li>
                    <li><a href="#">云监测</a></li>
                    <li><a href="#">云查询</a></li>
                    <li><a href="#">云助手</a></li>
                    <li><a href="#">聚盒子</a></li>
                    <li><a href="#">极速单</a></li>
                    <li><a href="#">云充值</a></li>
                </ul>
                <ul>
                    <li class="title">解决方案</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
                <p><img src="../images/bei2.png" alt=""> <img src="../images/bei1.png" alt="">
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>

            <div class="last-right">
                <h4>微信公众号</h4>
                <p class="band">源码时代</p>
                <img src="../images/103-demo.png" alt="">

                <p class="copy">源码大数据股份有限公司&copy;版权所有</p>
            </div>

        </div>
    </div>


    <!-- 蒙层模态框区域 -->
    <div class="mask1">
        <!-- login右边区域 -->
        <div class="login-right">
            <a href="../pages/home.html"><img src="../images/loginlogo.png" alt="" class="loginImg"></a>

            <!-- 中间点击跳转区域 -->
            <div class="sign">
                <a href="#">账号登录</a>
                <span class="bor"></span>
                <a href="#">扫码登录</a>
            </div>

            <!-- 此处下面两个盒子切换 -->
            <!-- 登录注册区域 -->
            <div class="sign-in signBox">
                <form action="../pages/home.html">
                    <input type="text" placeholder="用户/手机号/邮箱" class="user"><img src="../images/clearInput.png" alt=""
                        class="userX">
                    <input type="password" placeholder="密码" class="pwd"><img src="../images/clearInput.png" alt=""
                        class="pwdX">
                    <a href="" class="forget">忘记密码</a>
                    <button type="submit">登录</button>
                </form>
                <span>还没有源码账号，<a href="../pages/register.html">立即注册</a><img src="../images/loginIcon333.jpg"
                        alt=""></span>

                <div class="mask"></div>
            </div>
            <!-- 扫码登陆页面  -->
            <div class="sign-on signBox">
                <div class="code">
                    <img src="../images/wechat-white.png" alt="">

                    <p class="wechat">微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>

                <span>还没有源码账号，<a href="../pages/register.html">立即注册</a><img src="../images/loginIcon333.jpg"
                        alt=""></span>
            </div>
        </div>
    </div>

    <script src="../js/API.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>